<div class="pagination">
    <ul class="pagination-content">
        <li >
            <a href="javascript:;" (click)="prePage()">
                上一页
            </a>
        </li>
        <li [ngClass]="{'active': isFirstPage()}">
            <a href="javascript:;" (click)="pageInput(1)">1</a>
        </li>
        <li *ngFor="let p of pages" [ngClass]="{'active':pagination.pageCur == p}">
            <a href="javascript:;" (click)="pageInput(p)" >{{p}} </a>            
        </li>
        <li [ngClass]="{'active':isLastPage()}">
            <a href="javascript:;" (click)="pageInput(pagination.maxPage)">{{pagination.maxPage}}</a>
        </li>
        <li >
            <a href="javascript:;" (click)="nextPage()">下一页</a>
        </li>
        <li>
            到&nbsp;<input type="number" #pageVal id="pageInput"/>&nbsp;页
            <button class="pageButton" (click)="pageInput(pageVal.value)">确定</button>
        </li>
    </ul>
</div>